<template>
    <div id="app" v-cloak>
        <Head></Head>
        <div class="main">
            <router-view></router-view>
        </div>
        <Foot></Foot>
    </div>
</template>

<script>
    import Head from '@/components/common/Head'
    import Foot from '@/components/common/Foot'
    export default {
        name: 'App',
        components: {
            Head,
            Foot,
        },
    }
</script>

<style lang="scss" scoped>
    .main {
        background: #f5f5f5;
    }
</style>